<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    
    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
       
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">
                    
                  <p:panel id="pnlResumenCaja" style="width:95%;margin: 0px auto">                  
                    <p:fieldset id="pnlCabeceraCaja" legend="RESUMEN DETALLADO DE CAJA CHICA" toggleable="true" toggleSpeed="500">
        				<p:ajax event="toggle"/>
						
		        <p:panelGrid id="panelResumenCaja" style="width:100%;margin: 10px auto;" > 
                            <p:row>
                                <p:column style="width:120px">
                                    <b><h:outputLabel id="lblSede" value="SEDE: " /></b>
                                </p:column>                                
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idSede.direccion}" />
                                </p:column>
                                
                                <p:column style="width:170px">
                                   <b><h:outputLabel id="lblNumCheque" value="NUMERO DE CHEQUE: " /></b>
                                </p:column>                                
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.numFormaMovimiento}" />
                                </p:column>
                                
                            </p:row>
                            <p:row>
                                <p:column style="width:120px">
                                   <b><h:outputLabel id="lblBanco" value="BANCO: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.idBanco.nombre}" />
                                </p:column>
                                
                                <p:column style="width:170px">
                                   <b><h:outputLabel id="lblNumeroCuenta" value="Nro. CUENTA BANCARIA: " /></b>
                                </p:column>
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.idCuentaBancaria.numeroCuenta}" />
                                </p:column>
                                
                            </p:row>
                            <p:row>
                                <p:column style="width:120px">
                                   <b><h:outputLabel id="lblEstado" value="ESTADO: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.estadoCaja 
                                                            eq 'A'?'ABIERTA':(BKCajaChica.cajaChicaFormulario.estadoCaja
                                                            eq 'C'?'CERRADA':'BORRADOR')}" />
                                </p:column>
                                
                                <p:column style="width:170px">
                                  <b><h:outputLabel id="lblMontoApertura" value="MONTO DE APERTURA: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.montoApertura}" />
                                </p:column>                                
                                
                            </p:row>
                                                     
                            <p:row>
                                <p:column style="width:120px">
                                   <b><h:outputLabel id="lblSaldoCaja" value="SALDO DE CAJA: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.saldoCaja}" />
                                </p:column>
                                
                                <p:column style="width:170px">
                                  <b><h:outputLabel id="lblFechaApertura" value="FECHA DE APERTURA: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.fechaApertura}">
                                      <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputLabel>
                                </p:column>
                            </p:row>
                            
                            <p:row>
                                <p:column style="width:120px">
                                  <b><h:outputLabel id="lblMonedaCaja" value="MONEDA: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.idMovimientoCuentaBancaria.moneda}" />
                                </p:column>
                                
                                <p:column style="width:170px">
                                  <b><h:outputLabel id="lblCodigoCaja" value="NOMBRE DE CAJA: " /></b>
                                </p:column>	                            
                                <p:column>
                                    <h:outputLabel value="#{BKCajaChica.cajaChicaFormulario.nombre}" />
                                </p:column>
                            </p:row>
                                                                                                                
                        </p:panelGrid>
						
		     </p:fieldset>							                                                                                                              
                    
                      <p:panel id="pnlTablaResumen" header="LISTA DE DOCUMENTOS RESUMEN" 
                               style="width:100%;margin: 0px auto">
                       <center>   
                        <p:dataTable id="dataTablaResumen" var="unidadResumen" rendered="true"
                                     value="#{BKCajaChica.mostrarResumenCaja}" widgetVar="listaDocumentos"
                                     emptyMessage="No se encontraron documentos resumen de la caja chica"
                                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="10"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"                                                                         
                                     rowsPerPageTemplate="10,20,40,80" resizableColumns="true"
                                     style="font-size: medium;width: auto">
                               <!--
                                <p:column id="idColumnaNum" style="width: auto" exportable="false">
                                    <f:facet name="header">  
                                      <h:outputText value="Item" />  
                                    </f:facet>
                                    <h:outputText value="{rowIndex+1}"  />
                                </p:column>
                               -->
                               <!--
                                <p:column id="idColumnaNombreMov" style="width: auto;text-align: center" sortBy="" exportable="true"
                                          filterMatchMode="contains">
                                    <f:facet name="header">  
                                      <h:outputText value="Movimiento" />  
                                    </f:facet>
                                    <h:outputText value="{unidadResumen.nombreMov}" />                                                                        
                                </p:column>
                               -->
                               <!--
                                <p:column id="idColumnaFechaMov" style="width: auto;text-align: center" exportable="false"
                                          filterMatchMode="contains" sortBy="{unidadResumen.fechaMov}" >
                                    <f:facet name="header">  
                                      <h:outputText value="Fecha Movimiento" />  
                                    </f:facet>
                                    <h:outputText value="{unidadResumen.fechaMov}">
                                      <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>                                                                        
                                </p:column>
                                -->
                                <p:column id="idColumnaFechaDoc" style="width: auto;text-align: center" exportable="true"
                                          sortBy="#{unidadResumen.fechaDoc}">
                                    <f:facet name="header">  
                                      <h:outputText value="Fecha Sustento" />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.fechaDoc}">
                                      <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>                                                                        
                                </p:column>                                                               
                                
                                <p:column id="idColumnaRucDni" style="width: auto;text-align: center"
                                          sortBy="" exportable="true">
                                    <f:facet name="header">  
                                      <h:outputText value="RUC/DNI" />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.rucDNI}" />                                                                        
                                </p:column>
                                <p:column id="idColumnaRazonSocialNombre" style="width: auto;text-align: center" 
                                          sortBy="" exportable="true">
                                    <f:facet name="header">  
                                      <h:outputText value="RS/Nombre" />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.razonSocialNombre}" />                                                                        
                                </p:column>                                                
                            
                                <p:column id="idColumnaTipoDocumento" style="width: auto;text-align: center" exportable="true"
                                          sortBy="#{unidadResumen.tipoDocumento}">
                                    <f:facet name="header">  
                                      <h:outputText value="Tipo Doc." />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.tipoDocumento}" />                                                                        
                                </p:column>
                                <p:column id="idColumnaNumDocumento" style="width: auto;text-align: center" sortBy="" exportable="true">
                                         
                                    <f:facet name="header">  
                                      <h:outputText value="Nº Doc." />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.numeroDocumento}" />                                                                        
                                </p:column>
                                <!--
                                <p:column id="idColumnaSustentador" style="width: auto;text-align: center" sortBy="" exportable="true"
                                          filterMatchMode="contains">
                                    <f:facet name="header">  
                                      <h:outputText value="Sustentador" />  
                                    </f:facet>
                                    <h:outputText value="{unidadResumen.sustentador}" />                                                                        
                                </p:column>
                                -->
                                <p:column id="idColumnaDetalle" style="width: auto;text-align: center" sortBy="" exportable="true">
                                          
                                    <f:facet name="header">  
                                      <h:outputText value="Detalle" />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.detalle}" />                                                                        
                                </p:column>
                                <p:column id="idColumnaMoneda" style="width: auto;text-align: center" sortBy="" exportable="true">
                                          
                                    <f:facet name="header">  
                                      <h:outputText value="Moneda" />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.moneda}" >                                        
                                    </h:outputText>                                                                        
                                </p:column>
                                <p:column id="idColumnaImporteDolares" style="width: auto;text-align: center" sortBy="" exportable="true">                                          
                                    <f:facet name="header">  
                                      <h:outputText value="Imp. Dolares" />  
                                    </f:facet>
                                    <h:outputText id="convDolares" value="#{unidadResumen.importeDolares}" rendered="true" >
                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  groupingUsed="true" rendered="true" 
                                                         currencySymbol="#{unidadResumen.moneda eq 'DOLARES'?'$':'S/.'}" type="currency"/>
                                    </h:outputText>                                                                        
                                </p:column>
                                <p:column id="idColumnaTipoCambio" style="width: auto;text-align: center" sortBy="" exportable="true">
                                          
                                    <f:facet name="header">  
                                      <h:outputText value="T/C" />  
                                    </f:facet>
                                    <h:outputText value="#{unidadResumen.tipoCambio}" >
                                      <f:convertNumber maxFractionDigits="2" minFractionDigits="2"  groupingUsed="false"/>  
                                    </h:outputText>                                                                        
                                </p:column>
                                <p:column id="idColumnaImporteSoles" style="width: auto;text-align: center" sortBy="" exportable="true">                                         
                                    <f:facet name="header">  
                                      <h:outputText value="Imp. Soles" />  
                                    </f:facet>
                                    <h:outputText id="convSoles" value="#{unidadResumen.importeSoles}"  rendered="true">
                                        <f:convertNumber  maxFractionDigits="2" minFractionDigits="2"  groupingUsed="true"  rendered="true"
                                                         currencySymbol="#{unidadResumen.moneda eq 'DOLARES'?'$':'S/.'}" type="currency"/>
                                    </h:outputText>                                                                        
                                </p:column>                                                                                             
                        </p:dataTable>                                         
                       </center>                          
                     </p:panel>                                              
                    </p:panel>  
                    
                    <h:panelGrid style="margin: 15px auto" cellspacing="3" columns="1">
                            
                            <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print" >  
                                <p:printer target="pnlResumenCaja"/>    
                            </p:commandButton >
                            <!--
                            <p:commandButton value="Exportar EXCEL" icon="ui-icon-document-b">  
                                <p:dataExporter type="xls" target="dataTablaResumen" fileName="resumenCajaChica"  />  
                            </p:commandButton>  
                            -->
                           <!--s
                            <h:commandButton value="Exportar PDF">  
                                <p:dataExporter type="pdf" target="dataTablaResumen" fileName="resumenCajaChica" />  
                            </h:commandButton>
                           -->
                    </h:panelGrid>
                                        
                    <center>
                        <h:panelGrid columns="2" cellpadding="10">                                
                            <p:commandButton id="btnRegresar" action="#{MBCajaChica.regresarToCajaChica()}" ajax="false" immediate="true"
                                             value="Regresar" title="#{message['general.button.atras']}" />
                        </h:panelGrid>
                    </center>							                
		
               </h:form>
            </f:view>
        </ui:define>

    </ui:composition>
</html> 











        
        
   